.tool-title-box{
	h3 {
		font-size: 18px;
		font-weight: 500;
		height: 35px;
		line-height: 35px;
		color: #333333;
	}
}

.operation-box {
	margin-top: 10px;

	.item-box {
		font-size: 14px;
		display: flex;
		margin-bottom: 10px;
		align-items: center;

		.title {
			color: #888888;
			margin-right: 10px;
			width: 70px;
		}

		.info {
			color: #409EFF;
		}
		
		.block {
			flex: 1;
		}
		
		.item-edit-input {
			:deep .el-input__inner {
				padding: 0 5px !important;
			}
		}
		.el-collapse {
			width: 100%;
		}
		
		.modify-box {
			text-align: right;
			margin-left: auto;
			line-height: 32px;
			
			span {
				height: 26px;
				line-height: 26px;
				float: left;
				display: block;
				text-align: center;
				cursor: pointer;
				width: 30px;
				border: 1px solid #E8EAEC;
			}
			
			.active {
				border: 1px solid #409EFF;
				color: #409EFF;
			}

			.color-box {
				display: flex;
				align-items: center;
				justify-content: flex-end;

				span {
					margin-right: 10px;
					cursor: pointer;
					border: none;
					color: #409EFF;
				}
				
				.block {
					height: 30px;
				}
				
				:deep .el-color-picker__trigger {
					width: 45px;
					height: 26px;
				}
				
				:deep .el-icon-arrow-down:before {
					display: none;
				}
			}
		}
	}

	.flex-style {
		display: flex;
		align-items: center;
		height: 40px;

		label {
			margin-right: 15px;
		}

		.block {
			flex: 1;
			height: 40px;
		}

		:deep .el-slider__input {
			width: 50px;
		}

		:deep .el-slider__runway {
			height: 4px;
			margin: 18px 65px 18px 0;
		}

		:deep .el-slider__bar {
			height: 4px;
		}

		:deep .el-slider__button-wrapper {
			top: -17px;
		}

		:deep .el-slider__button {
			width: 12px;
			height: 12px;
		}

		:deep .el-input-number.is-without-controls .el-input__inner {
			padding: 10px;
		}
	}
}

.img-list-box {
	.list-item {
		border: 1px solid #E8EAEC;
		border-radius: 4px;
		margin-bottom: 10px;
	}

	.list-item-box {
		.img-title {
			padding: 8px 10px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: #F6F7F9;
			cursor: pointer;

			.title-left {
				display: flex;
				align-items: center;
				color: #666666;
			}

			.title-right {
				display: flex;
				align-items: center;
				color: #666666;
			}
		}

		.add-img-box {
			padding: 5px 10px;
		}
	}
}